<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>指尖金融</title>
		<link href="../../../css/logistics-common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="recieveNoticeList.css" type="text/css" rel="stylesheet"></link>
		<link rel="stylesheet" type="text/css" href="../../../component/autocomplete/jquery.autocomplete.css" />
		<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />

	</head>

	<body>
		<div class="wrapper">
			<!-- 顶部菜单栏 -->
			<div id="header" class="header">
			</div>
			<div class="main" id="main">
				<!-- 左侧菜单栏 -->
				<div id="leftMenu" class="left"></div>
				<div class="pages">
					<div class="page field-section" data-page="recieveNoticeList">
						<p class="table-head">
							<label class="table-title">
								当前位置:收货通知查询
							</label>
						</p>
						<p class="table-search">
							<label for="" class="publishTime">收货通知状态：</label>
							<select class="noticeState">
								<option value="0">全部</option>
								<option value="1">未接收</option>
								<option value="2">已接收</option>
								<option value="3">已完成</option>
							</select>
							<label for="" class="publishTime">业务类型：</label>
							 <select name="productType">
											<option value="0">全部</option>
											<option value="1">舱单代采</option>
											<option value="2">舱单质押</option>
											<option value="3">仓储质押</option>
											<option value="4">保理融资</option>
											<option value="5">代理采购</option>
											<option value="6">代理销售</option>
								</select>
							<label class="financingGoods">融资编号：</label>
							<input class="input-financingGoods field-input" id="financeNumber" type="text" placeholder="请输入融资编号" />
							<br/>
							<label class="financingGoods" style="margin-left: 23px;">融资企业：</label>
							<input class="input-financingGoods field-input" id="enterpriseName" type="text" placeholder="请输入融资企业" />
							<label class="financingGoods" style="margin-left: 1px;">货物名称：</label>
							<input class="input-financingGoods field-input" id="bulkstockName" type="text" placeholder="请输入货物名称" />
							<button class="table-search-button" id="loanNoticeSearch">查询</button>
						</p>
						<div class="page-content">
							<div class="page-content-main table-section">
								<table class="table">
									<thead>
										<tr>
											<th width="5%">序号</th>
											<th width="10%">接受时间|融资编号</th>
											<th width="10%">合同序列号</th>
											<th width="10%">融资企业</th>
											<th width="10%">业务类型</th>
											<th width="10%">货物名称</th>
											<th width="5%">货物数量</th>
											<th width="5%">已整理</th>
											<th width="5%">未整理</th>
											<th width="10%">状态</th>
											<th width="10%">确认员</th>
											<th width="10%">操作</th>
										</tr>
									</thead>

									<tbody id="newTaskListBody">
									</tbody>
									<script type="text/template" id="logisticsCompanyListTpl">
										{@each datas as it, index}
										<tr class="tr_style table-data" recieveNoticeId="${it.recieveNoticeId}" financeId="${it.financeId}">
											<td>${index*1 + 1}</td>
											<td>
												<div>${it.confirmDateTime}</div>
												<div class="number_finance">${it.financeNumber}</div>
											</td>
											<td>${it.financeContractSerialNumber}</td>
											<td>${it.enterpriseName}</td>
											<td>${getValueByKey(7,it.productType)}</td>
											<td>
												{@each it.bulkstocks as that} ${that.bulkstockName}(${that.specification})
												<br/> {@/each}
											</td>
											<td>
												{@each it.bulkstocks as that} ${that.quantity}（${that.unit}）
												<br/> {@/each}
											</td>
											<td>
												{@each it.bulkstocks as that} ${that.tallying}（${that.unit}）
												<br/> {@/each}
											</td>
											<td>{@each it.bulkstocks as that} ${that.quantity-that.tallying}（${that.unit}）
												<br/> {@/each}
											</td>
											<td>
												${getValueByKey(12, it.noticeState)}
											</td>
											<td>${it.confirmAccount}</td>
											<td>
												<a href="javascript:void(0)" class="handle-type">详情</a>
												{@if it.noticeState == 1}
												<a href="javascript:void(0)" class="update">修改</a>
												{@/if}
											</td>
										</tr>
										{@/each}
									</script>

								</table>
								<div id="pagenation" class="pagerCon"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部 -->
			<div id="footer" class="none footer" >
				
		    </div>
		    <div id="popdialog"></div>

		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/logistics/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../component/autocomplete/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript">
			seajs.use('./recieveNoticeList', function(newTaskList) {
				newTaskList.init();
			});
		</script>
	</body>

</html>